{% extends "base.html" %}

{% block titulo %}Cursos{% endblock %}

{%block style%}<link rel="stylesheet" type="text/css" href="/stylesheets/adminStyle.css" />{%endblock%}

{% block breadcrumbs %}<div id="middleBreadcrumb"><a href="/home/">home</a> ></div>
                        <div id="lastBreadcrumb">Maestros</div>
                        {% endblock %}

{% block cuerpo %}
<div id="title">Maestros</div>
<br />
<br />

<div id="container">
        <table id="rounded-corner">
            <thead>
                <tr>
                    <th scope="col" class="photo">Foto</th>
                    <th scope="col" class="username"><a href="/viewAllTeachers/1/unm/">N&oacute;mina</a></th>
                    <th scope="col" class="name"><a href="/viewAllTeachers/1/fnm/">Nombre(s)</a></th>
                    <th scope="col" class="email"><a href="/viewAllTeachers/1/mai/">Correo</a></th>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <td class="rounded-foot-left">P&aacute;ginas</td>
                    <td colspan="2" class="rounded-foot-center">
                        {%for page in pageList|slice:":-1"%}
                            <a href="/viewAllTeachers/{{page}}/{{sort}}/">{{page}}</a> -
                        {%endfor%}
                        {%with pageList|last as lastPage%}
                            <a href="/viewAllTeachers/{{lastPage}}/{{sort}}/">{{lastPage}}</a>
                        {%endwith%}
                    </td>
                    <td class="rounded-foot-right"></td>
                </tr>
            </tfoot>
            <tbody>
                {%for teacher in teacherList%}
                <tr class="{%cycle 'a' 'b' %}">
                    <td>
                        <div id="avatar"><img src="{{teacher.avatar.path}}" alt="{{teacher.get_full_name}}" width="{{teacher.avatarWidth}}" height="{{teacher.avatarHeight}}" /></div>
                    </td>
                    <td>
                        <div id="username">{{teacher.username}}</div>
                    </td>
                    <td>
                        <div id="name">{{teacher.get_full_name}}</div>
                    </td>
                    <td>
                        <div id="email">{{teacher.email}}</div>
                    </td>
                </tr>
                {%endfor%}
            </tbody>
        </table>
        <a href="/registrarMaestro/" >Registrar otro maestro </a>
    </div>

{% endblock %}